<template>
	<div class="hello">
		<el-button @click="processTask">流程实例</el-button>
		<el-button type="primary" @click="startup">启动流程</el-button>
		<el-button type="text" @click="taskExample">任务实例</el-button>
		<!--<el-button type="text" @click="handle">处理</el-button>-->
		<el-button type="text" @click="formTemplate">表单模板</el-button>
		<!--<el-button type="text" @click="formOne">formOne</el-button>-->
		<el-button type="text" @click="taskCompletion">已完成任务</el-button>
		
		
		<!--<el-button type="text" @click="seeData">查看数据</el-button>
		<el-button type="text" @click="backEnd">后端返回数据html</el-button>
		<el-button type="text" @click="upload">upload</el-button>
		<el-button type="text" @click="formTemplateTwo">表单模板（2）</el-button>
		<el-button type="text" @click="formData">formData表单提交</el-button>-->
		<!--<a v-link="{path: '/startup'}">Go to view-a</a>-->
	</div>
</template>

<script>
	export default {
		name: 'hello',
		data() {
			return {

			}
		},
		methods: {
			startup() {
				this.$router.push({
					path: '/startup'
				});
			},
			processTask() {
				this.$router.push({
					path: '/processTask'
				});
			},
			taskExample(){
				this.$router.push({
					path: '/taskExample'
				});
			},
			backEnd() {
				this.$router.push({
					path: '/backEnd'
				});
			},
			upload() {
				this.$router.push({
					path: '/upload'
				});
			},
			formTemplateTwo(){
				this.$router.push({
					path: '/formTemplateTwo'
				});
			},
			handle(){
				this.$router.push({
					path: '/handle'
				});
			},
			formOne(){
				this.$router.push({
					path: '/handle'
				});
			},
			formTemplate(){
			    this.$router.push({
					path:'/formTemplate'
				})	
			},
			formData(){
				this.$router.push({
					path:'/formData'
				})
			},
			seeData(){
				this.$router.push({
					path:'/seeData'
				})
			},
			taskCompletion(){
				this.$router.push({
					path:'/taskCompletion'
				})
			}
		},
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	h1,
	h2 {
		font-weight: normal;
	}
	
	ul {
		list-style-type: none;
		padding: 0;
	}
	
	li {
		display: inline-block;
		margin: 0 10px;
	}
	
	a {
		color: #42b983;
	}
</style>